<#import "spring.ftl" as spring />

<html>
  <head>
    <title><@spring.message code="login.title"/></title>    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Login Page | Mandy Lane - Premium Admin Template</title>
	<link rel="stylesheet" media="screen" href='<@spring.url relativeUrl="/public/css/style.css"/>' />
	<!--[if IE 9]>
	    <link rel="stylesheet" media="screen" href='<@spring.url relativeUrl="/public/css/ie9.css"/>'/>
	<![endif]-->
	
	<!--[if IE 8]>
	    <link rel="stylesheet" media="screen" href='<@spring.url relativeUrl="/public/css/ie8.css"/>'/>
	<![endif]-->
	
	<!--[if IE 7]>
	    <link rel="stylesheet" media="screen" href='<@spring.url relativeUrl="/public/css/ie7.css"/>'/>
	<![endif]-->
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/plugins/jquery-1.7.min.js"/>'></script>
	
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/plugins/jquery-1.7.min.js"/>'></script>
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/plugins/jquery-ui-1.8.16.custom.min.js"/>'></script>
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/plugins/jquery.validate.min.js"/>'></script>
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/plugins/jquery.colorbox-min.js"/>'></script>
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/plugins/jquery.flot.min.js"/>'></script>
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/custom/dashboard.js"/>'></script>
	<script type="text/javascript" src='<@spring.url relativeUrl="/public/js/custom/general.js"/>'></script>


  </head>
  
<body>
		<div class="headerspace"></div>

		<div class="header">	
			<#include "header.ftl"/>
				<@search />			
				<@topHeader />			
				<!-- logo -->
				<a href=""><img src='<@spring.url relativeUrl="/public/images/logo2.png"/>' alt="Logo" /></a>
				<#--@tabmenu menu=tabMenu/-->
				<#--@accountInfor /-->
		</div><!-- header -->
		
		<div class="sidebar">
			<#include "sidebar.ftl"/>
			<#--@sideMenu menu=sideMenu/-->
		</div><!-- leftmenu -->
		
		<div class="maincontent">
			<div class="two_third maincontent_inner ">
	    	<div class="left">
	            <!-- START WIDGET LIST 
	            <ul class="widgetlist">
	                <li><a href=""><img src='<@spring.url relativeUrl="/public/images/icons/document.png"/>' alt="Document Icon" /><span>Add New Article</span></a></li>
	                <li><a href=""><img src='<@spring.url relativeUrl="/public/images/icons/createreport.png"/>' alt="Report Icon" /><span>Create Report</span></a></li>
	                <li><a href=""><img src='<@spring.url relativeUrl="/public/images/icons/mail.png"/>' alt="Mail Icon" /><span>Compose Mail</span></a></li>
	                <li><a href=""><img src='<@spring.url relativeUrl="/public/images/icons/calendar.png"/>' alt="Events Icon" /><span>Manage Events</span></a></li>
	                <li><a href=""><img src='<@spring.url relativeUrl="/public/images/icons/media.png"/>' alt="Media Icon" /><span>Media Library</span></a></li>
	
	            </ul>
	            END WIDGET LIST -->
	            
	            <form id="form" action='<@spring.url relativeUrl="/add.html"/>' method="post">
	        	
	        	<div class="form_default">
	                <fieldset>
	                    <legend>Default form with validation</legend>
						<p>
	                    	<label for="id">Employee No</label>
	                        <@spring.formInput "empl.id"/>
	                    </p>	                    
	                    <p>
	                    	<label for="firstname">First Name</label>
	                        <@spring.formInput "empl.firstName"/>
	                    </p>
	                    <p>
	                    	<label for="middlename">Middle Name</label>
	                        <@spring.formInput "empl.middleName"/>
	                    </p>
	                    <p>
	                    	<label for="lastname">Last Name</label>
	                        <@spring.formInput "empl.lastName"/>
	                    </p>
	                    <p>
	                    	<label for="gender" class="nopadding">Gender</label>
	                    	<#--@spring.formRadioButtons "empl.gender" gender ""/-->
	                        <input type="radio" name="gender" value="0" /> Male &nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="gender" value="1" /> Female>
	                    </p>
	                    <p>
	                    	<label for="birthday">Birthday</label>
	                        <@spring.formInput "empl.birthday"/>
	                    </p>
	                    <p>
	                    	<label for="marrialStatus">Marital Status</label>
	                        <@spring.formInput "empl.marrialStatus"/>
	                    </p>
	                    <p>
	                    	<label for="idCardNo">ID Card No</label>
	                        <@spring.formInput "empl.idCardNo"/>
	                    </p>
	                    <p>
	                    	<label for="issuedDate">Issued Date</label>
	                        <@spring.formInput "empl.issuedDate"/>
	                    </p>
	                    <p>
	                    	<label for="issuedPlace">Issued Place</label>
	                        <@spring.formInput "empl.issuedPlace"/>
	                    </p>
	                    <p>
	                    	<label for="location">Location</label>
	
	                        <textarea name="location" class="mf" cols="" rows=""></textarea>
	                    </p>
	                    <p>
	                    	<label for="language" class="nopadding">Language</label>
	                        <input type="checkbox" name="language[]" value="0" /> English &nbsp;&nbsp;&nbsp;&nbsp; 
	                        <input type="checkbox" name="language[]" value="1" /> Mandarin &nbsp;&nbsp;&nbsp;&nbsp; 
	                        <input type="checkbox" name="language[]" value="1" /> German
	                    </p>
	                    <p>
	
	                    	<label for="occupation">Occupation</label>
	                        <select name="occupation" id="occupation">
	                          <option value="">Choose One</option>
	                          <option value="0">Web Designer</option>
	                          <option value="1">Web Developer</option>
	                          <option value="2">Software Engineer</option>
	
	                          <option value="3">Application Engineer</option>
	                          <option value="4">Programmer</option>
	                          <option value="5">Analyst</option>
	                        		
	                        </select>
	                    </p-->
	                    
	                    <p>
	                    	<!--button>Submit</button-->
							<input type="submit" value="Submit"/>
	                    </p>
	                    
	                </fieldset>
	            </div><!--form-->
	            
	            
	            <br />
				<div class="clear"/>
	                        
	        </div><!-- left -->    
	        </div><!-- two_third -->
	        
	          
  
    		<br clear="all" />
    
		</div><!--maincontent-->

<br />
<div class="footer footer_float">
	<div class="footerinner">

    </div><!-- footerinner -->
</div><!-- footer -->

  </body>
</html>
